<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<table width="100%;">
    <tr>
        <td>
            <!--1行3列的表格-->
            <table  width="100%;">
                <tr>
                    <td><img src="logo2.png"width="450" height="100" /> </td>
                    <td><img src="header.jpg" width="450" height="100"/> </td>
                    <td align="center">
                        <a href="">登录</a>
                        <a href="">注册</a>
                        <a href="">购物车</a>
                    </td>
                </tr>
            </table>
        </td>
    </tr>
    <tr>
        <td>
            <!--1行2列的表格-->
            <table width="100%;" bgcolor="#000">
                <tr  height="60">
                    <td>
                        <a href=""><font color="#9d9d9d">首页</font> </a>
                        <a href=""><font color="#fff">手机数码</font> </a>
                        <a href=""><font color="#9d9d9d">电脑办公</font> </a>
                        <a href=""><font color="#9d9d9d">衣服</font> </a>
                        <a href=""><font color="#9d9d9d">海外淘</font> </a>
                        <a href=""><font color="#9d9d9d">奢侈品</font> </a>
                    </td>
                    <td align="right">
                        <font color="#fff">搜索框</font>
                    </td>
                </tr>
            </table>
        </td>
    </tr>
    <tr>
        <td>
            <!--轮播条，暂时不写,使用一张图片填充-->
            <img src="1.jpg" width="100%" />
        </td>
    </tr>
    <tr>
        <td>
            <!--热门商品1,2行7列表格-->
            <table  width="100%;">
                <tr height="60%">
                    <td rowspan="2"><img src="big01.jpg" width="800"height="1100"/></td>
                    <td colspan="3"><img src="middle01.jpg" width="1800"height="800" /></td>
                    <td> <div>
                        <span><img src="small03.jpg"width="800"height="500"></span><br/>
                        <span><a href="">火锅</a> </span><br/>
                        <span class="red">￥299.00</span>
                    </div> </td>

                    <td> <div>
                        <span><img src="small03.jpg"width="800"height="500"></span><br/>
                        <span><a href="">火锅</a> </span><br/>
                        <span class="red">￥299.00</span>
                    </div></td>
                    <td> <div>
                        <span><img src="small03.jpg"width="800"height="500"></span><br/>
                        <span><a href="">火锅</a> </span><br/>
                        <span class="red">￥299.00</span>
                    </div></td>
                </tr>
                <tr>
                    <td> <div>
                        <span><img src="small03.jpg"width="800"height="500"></span><br/>
                        <span><a href="">火锅</a> </span><br/>
                        <span class="red">￥299.00</span>
                    </div></td>
                    <td> <div>
                        <span><img src="small03.jpg"width="800"height="500"></span><br/>
                        <span><a href="">火锅</a> </span><br/>
                        <span class="red">￥299.00</span>
                    </div></td>
                    <td> <div>
                        <span><img src="small03.jpg"width="800"height="500"></span><br/>
                        <span><a href="">火锅</a> </span><br/>
                        <span class="red">￥299.00</span>
                    </div></td>
                    <td> <div>
                        <span><img src="small03.jpg"width="800"height="500"></span><br/>
                        <span><a href="">火锅</a> </span><br/>
                        <span class="red">￥299.00</span>
                    </div></td>
                    <td> <div>
                        <span><img src="small03.jpg"width="800"height="500"></span><br/>
                        <span><a href="">火锅</a> </span><br/>
                        <span class="red">￥299.00</span>
                    </div></td>
                    <td> <div>
                        <span><img src="small03.jpg"width="800"height="500"></span><br/>
                        <span><a href="">火锅</a> </span><br/>
                        <span class="red">￥299.00</span>
                    </div></td>
                </tr>
            </table>
        </td>
    </tr>
    <tr>
        <td>
            <img src="ad.jpg"  height="625"/>
        </td><!--广告-->
    </tr>
    <tr>
        <td>
            <!--热门商品2,2行7列表格-->
            <table  width="100%;">
                <tr height="60%">
                    <td rowspan="2"><img src="big01.jpg" width="800"height="1100" /></td>
                    <td colspan="3"><img src="middle01.jpg"width="1800"height="800" /></td>
                    <td> <div>
                        <span><img src="small03.jpg"width="800"height="500"></span><br/>
                        <span><a href="">火锅</a> </span><br/>
                        <span class="red">￥299.00</span>
                    </div> </td>
                    <td> <div>
                        <span><img src="small03.jpg"width="800"height="500"></span><br/>
                        <span><a href="">火锅</a> </span><br/>
                        <span class="red">￥299.00</span>
                    </div></td>
                    <td> <div>
                        <span><img src="small03.jpg"width="800"height="500"></span><br/>
                        <span><a href="">火锅</a> </span><br/>
                        <span class="red">￥299.00</span>
                    </div></td>
                </tr>
                <tr>
                    <td> <div>
                        <span><img src="small03.jpg"width="800"height="500"></span><br/>
                        <span><a href="">火锅</a> </span><br/>
                        <span class="red">￥299.00</span>
                    </div></td>
                    <td> <div>
                        <span><img src="small03.jpg"width="800"height="500"></span><br/>
                        <span><a href="">火锅</a> </span><br/>
                        <span class="red">￥299.00</span>
                    </div></td>
                    <td> <div>
                        <span><img src="small03.jpg"width="800"height="500"></span><br/>
                        <span><a href="">火锅</a> </span><br/>
                        <span class="red">￥299.00</span>
                    </div></td>
                    <td> <div>
                        <span><img src="small03.jpg"width="800"height="500"></span><br/>
                        <span><a href="">火锅</a> </span><br/>
                        <span class="red">￥299.00</span>
                    </div></td>
                    <td> <div>
                        <span><img src="small03.jpg"width="800"height="500"></span><br/>
                        <span><a href="" >火锅</a> </span><br/>
                        <span class="red">￥299.00</span>
                    </div></td>
                    <td> <div>
                        <span><img src="small03.jpg"width="800"height="500"></span><br/>
                        <span><a href="">火锅</a> </span><br/>
                        <span class="red">￥299.00</span>
                    </div></td>
                </tr>
            </table>
        </td>
    </tr>
    <tr>
        <td>
            <!--2行1列的表格-->
            <table  width="100%;">
                <tr>
                    <td><img src="footer.jpg" height="325" /> </td>
                </tr>
                <tr>
                    <td align="center">
                        <p>
                            <a href="http://www.itcast.cn">关于我们 </a>
                            <a href="">联系我们 </a>
                            <a href="">招贤纳士 </a>
                            <a href="">法律声明 </a>
                            <a href="http://www.itheima.com">友情链接 </a>
                            <a href="">支付方式 </a>
                            <a href="">配送方式 </a>
                            <a href="">服务声明 </a>
                            <a href="">广告声明</a>
                        </p>
                        <p>
                            Copyright © 2005-2016 传智商城 版权所有
                        </p>
                    </td>
                </tr>
            </table>
        </td>
    </tr>
</table>
</body>
</html>